<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
<meta http-equiv="content-script-type" content="text/javascript"/>
<meta name="version" content="neblog-1.0"/>
<title>hikerwu</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/tool.js"></script>
<style>
    .dataout { width:100%; height:660px;overflow-x:scroll;}
</style>
</head>
<body>

<div>
    <p>article id: <input id="data_in" size="150" value="<!--{$out.data}-->"class="datain" onkeydown="if (event.keyCode==13) getUrl(this.value);"/>
    <u id="data_out"><input size="150" class="datain" ondblclick="window.open(this.value,'_blank');"/><b id="date_info"></b></u>
    <div id="tlist">
    </div>
</div>
<script type="text/javascript">

$().ready(function(){
    $("#data_in").focus();
    $("#data_out").hide();
    var id = $("#data_in").val();
    if(  id != '' ) {
        getUrl( id );
    }
});

function getUrl( id )
{
    var data = {id:id};
    var url = '/hiker/?m=ArticleUrl&a=get';
	getUrlAndDo( data, url, function(result){
        $("#tlist").html("");
        for( var i in result['data'] ) {
            var b = $("#data_out").clone().attr("id", "data_"+i);
            $("input", b).val(result['data'][i]).attr('title', i);
            $("b", b).html(i);
            $(b).show();
            $("#tlist").append(b);
        }
    });
}
</script>

</body>
</html>
